<template>
	<div class="background">
		<div class="top_box">
			<div class="box1"></div>
			<div class="box2"></div>
			<div class="box3"></div>
		</div>
		<div class="big_box">
			<view class="title">
				广工中古墙
			</view>
			<view class="info">
				作者：严浩元
			</view>
			<view class="info">
				联系微信：yhy15113186152
			</view>
		</div>
	</div>
	
</template>

<script>

</script>

<style>
	.background{
		background-color: #E8E8E8;
		height: 100%;
	}
	.title {
		color: #303133;
		padding-left: 55rpx;
		padding-top: 50rpx;
		font-size: 70rpx;
		font-weight: 1000;
	}

	.info {
		color: #303133;
		padding-left: 55rpx;
		font-size: 30rpx;
		font-weight: 500;
	}

	.box1 {
		width: 60px;
		height: 5px;
		background-color: #8cbfb0;
	}

	.box2 {
		width: 60px;
		height: 5px;
		background-color: #efa836;
	}

	.box3 {
		width: 60px;
		height: 5px;
		background-color: #9c2c26;
	}

	.top_box {
		display: flex;
		align-items: center;
		padding-left: 20px;
		height: 8%;
		width: 100%;
		background-color: #1d1d1d;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.big_box {
		justify-items: center;
		background-color: #f5eedb;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		height: 90%;
		width: 100%;
	}
</style>